<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE">
    <title>Class: ArcCurve</title>

    <script src="scripts/prettify/prettify.js"> </script>
    <script src="scripts/prettify/lang-css.js"> </script>
    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
    <link type="text/css" rel="stylesheet" href="styles/custom.css">
    <!--[if lt IE 9]>
    <script src="scripts/html5shiv.min.js"></script>
    <script src="scripts/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<div style="position:fixed;top:0px;left:0px;"><h1 class="page-title">Class: ArcCurve</h1></div>
<div id="main" style="margin-top:77px;">
    





<nav class="classnav scroll-styled">

    <h5><a href="#main" style="color:#000">class : ArcCurve</a></h5>
    
        <h5>Members</h5>
        <ul>
        
            <li><a href="#options">options</a></li>
        
        </ul>
    

    

        
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
        
        <h5>Methods</h5>
        <ul>
        
            
                <li><a class="inherit" href="#setCoordinates">
            
                setCoordinates</a></li>
        
            
                <li><a class="inherit" href="#getCoordinates">
            
                getCoordinates</a></li>
        
            
                <li><a class="inherit" href="#getCenterInExtent">
            
                getCenterInExtent</a></li>
        
            
                <li><a class="inherit" href="#animateShow">
            
                animateShow</a></li>
        
            
                <li><a class="inherit" href="#getFirstCoordinate">
            
                getFirstCoordinate</a></li>
        
            
                <li><a class="inherit" href="#getLastCoordinate">
            
                getLastCoordinate</a></li>
        
            
                <li><a class="inherit" href="#addTo">
            
                addTo</a></li>
        
            
                <li><a class="inherit" href="#getLayer">
            
                getLayer</a></li>
        
            
                <li><a class="inherit" href="#getMap">
            
                getMap</a></li>
        
            
                <li><a class="inherit" href="#getId">
            
                getId</a></li>
        
            
                <li><a class="inherit" href="#setId">
            
                setId</a></li>
        
            
                <li><a class="inherit" href="#getProperties">
            
                getProperties</a></li>
        
            
                <li><a class="inherit" href="#setProperties">
            
                setProperties</a></li>
        
            
                <li><a class="inherit" href="#getType">
            
                getType</a></li>
        
            
                <li><a class="inherit" href="#getSymbol">
            
                getSymbol</a></li>
        
            
                <li><a class="inherit" href="#setSymbol">
            
                setSymbol</a></li>
        
            
                <li><a class="inherit" href="#updateSymbol">
            
                updateSymbol</a></li>
        
            
                <li><a class="inherit" href="#getCenter">
            
                getCenter</a></li>
        
            
                <li><a class="inherit" href="#getExtent">
            
                getExtent</a></li>
        
            
                <li><a class="inherit" href="#getContainerExtent">
            
                getContainerExtent</a></li>
        
            
                <li><a class="inherit" href="#getSize">
            
                getSize</a></li>
        
            
                <li><a class="inherit" href="#containsPoint">
            
                containsPoint</a></li>
        
            
                <li><a class="inherit" href="#show">
            
                show</a></li>
        
            
                <li><a class="inherit" href="#hide">
            
                hide</a></li>
        
            
                <li><a class="inherit" href="#isVisible">
            
                isVisible</a></li>
        
            
                <li><a class="inherit" href="#getZIndex">
            
                getZIndex</a></li>
        
            
                <li><a class="inherit" href="#setZIndex">
            
                setZIndex</a></li>
        
            
                <li><a class="inherit" href="#setZIndexSilently">
            
                setZIndexSilently</a></li>
        
            
                <li><a class="inherit" href="#bringToFront">
            
                bringToFront</a></li>
        
            
                <li><a class="inherit" href="#bringToBack">
            
                bringToBack</a></li>
        
            
                <li><a class="inherit" href="#translate">
            
                translate</a></li>
        
            
                <li><a class="inherit" href="#flash">
            
                flash</a></li>
        
            
                <li><a class="inherit" href="#copy">
            
                copy</a></li>
        
            
                <li><a class="inherit" href="#remove">
            
                remove</a></li>
        
            
                <li><a class="inherit" href="#toGeoJSONGeometry">
            
                toGeoJSONGeometry</a></li>
        
            
                <li><a class="inherit" href="#toGeoJSON">
            
                toGeoJSON</a></li>
        
            
                <li><a class="inherit" href="#toJSON">
            
                toJSON</a></li>
        
            
                <li><a class="inherit" href="#getLength">
            
                getLength</a></li>
        
            
                <li><a class="inherit" href="#getArea">
            
                getArea</a></li>
        
            
                <li><a class="inherit" href="#rotate">
            
                rotate</a></li>
        
            
                <li><a class="inherit" href="#startEdit">
            
                startEdit</a></li>
        
            
                <li><a class="inherit" href="#endEdit">
            
                endEdit</a></li>
        
            
                <li><a class="inherit" href="#redoEdit">
            
                redoEdit</a></li>
        
            
                <li><a class="inherit" href="#undoEdit">
            
                undoEdit</a></li>
        
            
                <li><a class="inherit" href="#cancelEdit">
            
                cancelEdit</a></li>
        
            
                <li><a class="inherit" href="#isEditing">
            
                isEditing</a></li>
        
            
                <li><a class="inherit" href="#isDragging">
            
                isDragging</a></li>
        
            
                <li><a class="inherit" href="#animate">
            
                animate</a></li>
        
            
                <li><a class="inherit" href="#setInfoWindow">
            
                setInfoWindow</a></li>
        
            
                <li><a class="inherit" href="#getInfoWindow">
            
                getInfoWindow</a></li>
        
            
                <li><a class="inherit" href="#openInfoWindow">
            
                openInfoWindow</a></li>
        
            
                <li><a class="inherit" href="#closeInfoWindow">
            
                closeInfoWindow</a></li>
        
            
                <li><a class="inherit" href="#removeInfoWindow">
            
                removeInfoWindow</a></li>
        
            
                <li><a class="inherit" href="#on">
            
                on</a></li>
        
            
                <li><a class="inherit" href="#addEventListener">
            
                addEventListener</a></li>
        
            
                <li><a class="inherit" href="#once">
            
                once</a></li>
        
            
                <li><a class="inherit" href="#off">
            
                off</a></li>
        
            
                <li><a class="inherit" href="#removeEventListener">
            
                removeEventListener</a></li>
        
            
                <li><a class="inherit" href="#listens">
            
                listens</a></li>
        
            
                <li><a class="inherit" href="#copyEventListeners">
            
                copyEventListeners</a></li>
        
            
                <li><a class="inherit" href="#fire">
            
                fire</a></li>
        
            
                <li><a class="inherit" href="#registerJSONType">
            
                registerJSONType</a></li>
        
            
                <li><a class="inherit" href="#getJSONClass">
            
                getJSONClass</a></li>
        
            
                <li><a class="inherit" href="#getJSONType">
            
                getJSONType</a></li>
        
            
                <li><a class="inherit" href="#setMenu">
            
                setMenu</a></li>
        
            
                <li><a class="inherit" href="#openMenu">
            
                openMenu</a></li>
        
            
                <li><a class="inherit" href="#setMenuItems">
            
                setMenuItems</a></li>
        
            
                <li><a class="inherit" href="#getMenuItems">
            
                getMenuItems</a></li>
        
            
                <li><a class="inherit" href="#closeMenu">
            
                closeMenu</a></li>
        
            
                <li><a class="inherit" href="#removeMenu">
            
                removeMenu</a></li>
        
            
                <li><a class="inherit" href="#callInitHooks">
            
                callInitHooks</a></li>
        
            
                <li><a class="inherit" href="#setOptions">
            
                setOptions</a></li>
        
            
                <li><a class="inherit" href="#config">
            
                config</a></li>
        
            
                <li><a class="inherit" href="#onConfig">
            
                onConfig</a></li>
        
        </ul>
    

    
        <h5>Events</h5>
        <ul>
        
            <li><a href="#event:mousedown">mousedown</a></li>
        
            <li><a href="#event:mouseup">mouseup</a></li>
        
            <li><a href="#event:mousemove">mousemove</a></li>
        
            <li><a href="#event:click">click</a></li>
        
            <li><a href="#event:dblclick">dblclick</a></li>
        
            <li><a href="#event:contextmenu">contextmenu</a></li>
        
            <li><a href="#event:touchstart">touchstart</a></li>
        
            <li><a href="#event:touchmove">touchmove</a></li>
        
            <li><a href="#event:touchend">touchend</a></li>
        
            <li><a href="#event:mouseenter">mouseenter</a></li>
        
            <li><a href="#event:mouseover">mouseover</a></li>
        
            <li><a href="#event:mouseout">mouseout</a></li>
        
            <li><a href="#event:idchange">idchange</a></li>
        
            <li><a href="#event:propertieschange">propertieschange</a></li>
        
            <li><a href="#event:show">show</a></li>
        
            <li><a href="#event:hide">hide</a></li>
        
            <li><a href="#event:zindexchange">zindexchange</a></li>
        
            <li><a href="#event:removestart">removestart</a></li>
        
            <li><a href="#event:removeend">removeend</a></li>
        
            <li><a href="#event:remove">remove</a></li>
        
            <li><a href="#event:shapechange">shapechange</a></li>
        
            <li><a href="#event:positionchange">positionchange</a></li>
        
            <li><a href="#event:symbolchange">symbolchange</a></li>
        
            <li><a href="#event:editstart">editstart</a></li>
        
            <li><a href="#event:editend">editend</a></li>
        
            <li><a href="#event:redoedit">redoedit</a></li>
        
            <li><a href="#event:undoedit">undoedit</a></li>
        
            <li><a href="#event:canceledit">canceledit</a></li>
        
            <li><a href="#event:dragstart">dragstart</a></li>
        
            <li><a href="#event:dragging">dragging</a></li>
        
            <li><a href="#event:dragend">dragend</a></li>
        
            <li><a href="#event:animateend">animateend</a></li>
        
            <li><a href="#event:animating">animating</a></li>
        
            <li><a href="#event:animatestart">animatestart</a></li>
        
            <li><a href="#event:handledragstart">handledragstart</a></li>
        
            <li><a href="#event:handledragging">handledragging</a></li>
        
            <li><a href="#event:handledragend">handledragend</a></li>
        
            <li><a href="#event:editrecord">editrecord</a></li>
        
            <li><a href="#event:add">add</a></li>
        
        </ul>
    
</nav>


<section class="classmain">
    


<header>
    
        <h2>ArcCurve</h2>
        
            <div class="class-description">Circle Arc Curve</div>
        
    
</header>

<article>
    <div class="container-overview">
    
        

    <!-- <h2>Constructor</h2> -->
    
    <h4 class="name" id="ArcCurve"><span class="type-signature"></span>new <a href="#ArcCurve">ArcCurve</a><span class="signature">(coordinates, options<span class="signature-attributes">opt</span>)</span>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ArcCurve.js#L36" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ArcCurve.js#L36" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#ArcCurve" class="improvelink">[link]</a> -->
    </h4>

    
    





    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>var curve = new ArcCurve(    [        [121.47083767181408,31.214448123476995],        [121.4751292062378,31.215475523000404],        [121.47869117980943,31.211916269810335]    ],    {        arcDegree : 120,        symbol : {            'lineWidth' : 5        }    }).addTo(layer);</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>coordinates</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Array.&lt;<a href="Coordinate.html">Coordinate</a>></span>
|

<span class="param-type">Array.&lt;Array.&lt;Number>></span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">coordinates of the curve</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>options</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">construct options defined in <a href="ArcCurve.html#options">ArcCurve</a></td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->




    <h5>Extends:</h5>
    


    <ul>
        <li><a href="Curve.html">Curve</a></li>
    </ul>
















<h5>Fires:</h5>
<ul>
    <li><a href="#event:mousedown">mousedown</a></li>

    <li><a href="#event:mouseup">mouseup</a></li>

    <li><a href="#event:mousemove">mousemove</a></li>

    <li><a href="#event:click">click</a></li>

    <li><a href="#event:dblclick">dblclick</a></li>

    <li><a href="#event:contextmenu">contextmenu</a></li>

    <li><a href="#event:touchstart">touchstart</a></li>

    <li><a href="#event:touchmove">touchmove</a></li>

    <li><a href="#event:touchend">touchend</a></li>

    <li><a href="#event:mouseenter">mouseenter</a></li>

    <li><a href="#event:mouseover">mouseover</a></li>

    <li><a href="#event:mouseout">mouseout</a></li>

    <li><a href="#event:idchange">idchange</a></li>

    <li><a href="#event:propertieschange">propertieschange</a></li>

    <li><a href="#event:show">show</a></li>

    <li><a href="#event:hide">hide</a></li>

    <li><a href="#event:zindexchange">zindexchange</a></li>

    <li><a href="#event:removestart">removestart</a></li>

    <li><a href="#event:removeend">removeend</a></li>

    <li><a href="#event:remove">remove</a></li>

    <li><a href="#event:shapechange">shapechange</a></li>

    <li><a href="#event:positionchange">positionchange</a></li>

    <li><a href="#event:symbolchange">symbolchange</a></li>

    <li><a href="#event:editstart">editstart</a></li>

    <li><a href="#event:editend">editend</a></li>

    <li><a href="#event:redoedit">redoedit</a></li>

    <li><a href="#event:undoedit">undoedit</a></li>

    <li><a href="#event:canceledit">canceledit</a></li>

    <li><a href="#event:dragstart">dragstart</a></li>

    <li><a href="#event:dragging">dragging</a></li>

    <li><a href="#event:dragend">dragend</a></li>

    <li><a href="#event:animateend">animateend</a></li>

    <li><a href="#event:animating">animating</a></li>

    <li><a href="#event:animatestart">animatestart</a></li>

    <li><a href="#event:handledragstart">handledragstart</a></li>

    <li><a href="#event:handledragging">handledragging</a></li>

    <li><a href="#event:handledragend">handledragend</a></li>

    <li><a href="#event:editrecord">editrecord</a></li>

    <li><a href="#event:add">add</a></li>
</ul>














<hr>
    
    </div>

    <!-- 
        <h3 class="subsection-title">Extends</h3>

        


    <ul>
        <li><a href="Curve.html">Curve</a></li>
    </ul>


     -->

    

    

     

    

    
        <h3 class="subsection-title">Members</h3>

        
            
<li>
<h4 class="name" id="options"><span class="type-signature">(constant) </span>options<span class="type-signature"></span>

<!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ArcCurve.js#L10" class="improvelink">[help to improve]</a>
    
    <a href="#options" class="improvelink">[link]</a></h4> -->
</li>














    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>options</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>



            

            <td class="description last">
                <h6>Properties</h6>

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>arcDegree</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>



            
                <td class="default">
                
                    90
                
                </td>
            

            <td class="description last">circle arc's degree.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>arrowStyle</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>
|

<span class="param-type">Array.&lt;Number></span>


            
            </td>



            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">style of arrow, can be a pre-defined value or an array [arrow-width, arrow-height] (value in the array is times of linewidth), possible predefined values: classic ([3, 4])</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>arrowPlacement</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            
                <td class="default">
                
                    vertex-last
                
                </td>
            

            <td class="description last">arrow's placement: vertex-first, vertex-last, vertex-firstlast, point</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>smoothness</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>



            
                <td class="default">
                
                    0
                
                </td>
            

            <td class="description last">line smoothing by quad bezier interporating, 0 by default</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>enableSimplify</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>



            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether to simplify path before rendering</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>simplifyTolerance</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>



            
                <td class="default">
                
                    2
                
                </td>
            

            <td class="description last">tolerance to simplify path, the higher the simplify is more intense</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>enableClip</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>



            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether to clip path with map's current extent</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>symbol</code>
                    
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>



            
                <td class="default">
                
                </td>
            

            <td class="description last">Path's default symbol</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>id</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>



            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">id of the geometry</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>visible</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>



            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether the geometry is visible.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>editable</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>



            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether the geometry can be edited.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>interactive</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>



            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether the geometry can be interactived.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>cursor</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">cursor style when mouseover the geometry, same as the definition in CSS.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>measure</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            
                <td class="default">
                
                    EPSG:4326
                
                </td>
            

            <td class="description last">the measure code for the geometry, defines measureGeometry how it can be measured.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>draggable</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>



            
                <td class="default">
                
                    false
                
                </td>
            

            <td class="description last">whether the geometry can be dragged.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>dragShadow</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>



            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">if true, during geometry dragging, a shadow will be dragged before geometry was moved.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>dragOnAxis</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>



            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">if set, geometry can only be dragged along the specified axis, possible values: x, y</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>zIndex</code>
                    
                        
                           <span class="signature-attributes">opt</span>
                        
                        

                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>



            
                <td class="default">
                
                </td>
            

            <td class="description last">geometry's initial zIndex</td>
        </tr>

    
    </tbody>
</table>

            </td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    

    
    <dt class="tag-overrides">Overrides:</dt>
    <dd class="tag-overrides"><ul class="dummy"><li>
        <a href="Curve.html#options">Curve#options</a>
    </li></ul></dd>
    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ArcCurve.js">geometry/ArcCurve.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ArcCurve.js#L10">line 10</a>
        

    </li></ul></dd>
    

    

    

    
</dl>






<hr>
        
    

    
        

        
                    <h3 class="subsection-title">Methods</h3>
                
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="setCoordinates"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#setCoordinates">setCoordinates</a><span class="signature">(coordinates)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/LineString.js#L51" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/LineString.js#L51" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#setCoordinates" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Set new coordinates to the line string
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>coordinates</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Array.&lt;<a href="Coordinate.html">Coordinate</a>></span>
|

<span class="param-type">Array.&lt;Array.&lt;Number>></span>


            
            </td>

            

            <td class="description last">new coordinates</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="LineString.html#setCoordinates">LineString#setCoordinates</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:shapechange">shapechange</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="LineString.html">LineString</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getCoordinates"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getCoordinates">getCoordinates</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/LineString.js#L70" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/LineString.js#L70" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getCoordinates" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get coordinates of the line string
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="LineString.html#getCoordinates">LineString#getCoordinates</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Array.&lt;<a href="Coordinate.html">Coordinate</a>>|Array.&lt;Array.&lt;Number>></span>:

        
<!-- <div class="param-desc"> -->
    coordinates
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getCenterInExtent"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getCenterInExtent">getCenterInExtent</a><span class="signature">(extent)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/LineString.js#L82" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/LineString.js#L82" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getCenterInExtent" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get center of linestring's intersection with give extent
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>const extent = map.getExtent(); const center = line.getCenterInExtent(extent);</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>extent</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Extent.html">Extent</a></span>


            
            </td>

            

            <td class="description last"></td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="LineString.html#getCenterInExtent">LineString#getCenterInExtent</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Coordinate.html">Coordinate</a></span>:

        
<!-- <div class="param-desc"> -->
    center, null if line doesn't intersect with extent
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="animateShow"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#animateShow">animateShow</a><span class="signature">(options<span class="signature-attributes">opt</span>, cb<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Path.js#L74" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Path.js#L74" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#animateShow" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Show the linestring with animation
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>line.animateShow({   duration : 2000,   easing : 'linear' }, function (frame, currentCoord) {   //frame is the animation frame   //currentCoord is current coordinate of animation });</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>options</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">animation options
                <h6>Properties</h6>
                

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>duration</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>

            
                <td class="default">
                
                    1000
                
                </td>
            

            <td class="description last">duration</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>easing</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            
                <td class="default">
                
                    out
                
                </td>
            

            <td class="description last">animation easing</td>
        </tr>

    
    </tbody>
</table>

            </td>
        </tr>

    

        <tr>
            
                <td class="name"><code>cb</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">callback function in animation, function parameters: frame, currentCoord</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Path.html#animateShow">Path#animateShow</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="LineString.html">LineString</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getFirstCoordinate"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getFirstCoordinate">getFirstCoordinate</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L87" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L87" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getFirstCoordinate" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Returns the first coordinate of the geometry.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getFirstCoordinate">Geometry#getFirstCoordinate</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Coordinate.html">Coordinate</a></span>:

        
<!-- <div class="param-desc"> -->
    First Coordinate
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getLastCoordinate"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getLastCoordinate">getLastCoordinate</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L110" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L110" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getLastCoordinate" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Returns the last coordinate of the geometry.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getLastCoordinate">Geometry#getLastCoordinate</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Coordinate.html">Coordinate</a></span>:

        
<!-- <div class="param-desc"> -->
    Last Coordinate
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="addTo"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#addTo">addTo</a><span class="signature">(layer, fitview<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L135" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L135" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#addTo" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Adds the geometry to a layer
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>layer</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Layer.html">Layer</a></span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">layer add to</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>fitview</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>

            
                <td class="default">
                
                    false
                
                </td>
            

            <td class="description last">automatically set the map to a fit center and zoom for the geometry</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#addTo">Geometry#addTo</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:add">add</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getLayer"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getLayer">getLayer</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L144" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L144" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getLayer" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get the layer which this geometry added to.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getLayer">Geometry#getLayer</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Layer.html">Layer</a></span>:

        
<!-- <div class="param-desc"> -->
    - layer added to
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getMap"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getMap">getMap</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L155" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L155" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getMap" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get the map which this geometry added to
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getMap">Geometry#getMap</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Map.html">Map</a></span>:

        
<!-- <div class="param-desc"> -->
    - map added to
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getId"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getId">getId</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L166" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L166" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getId" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Gets geometry's id. Id is set by setId or constructor options.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getId">Geometry#getId</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">String|Number</span>:

        
<!-- <div class="param-desc"> -->
    geometry的id
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="setId"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#setId">setId</a><span class="signature">(id)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L176" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L176" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#setId" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Set geometry's id.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>id</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            

            <td class="description last">new id</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#setId">Geometry#setId</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:idchange">idchange</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getProperties"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getProperties">getProperties</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L202" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L202" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getProperties" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get geometry's properties. Defined by GeoJSON as <a href="http://geojson.org/geojson-spec.html#feature-objects">feature's properties</a>.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getProperties">Geometry#getProperties</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Object</span>:

        
<!-- <div class="param-desc"> -->
    properties
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="setProperties"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#setProperties">setProperties</a><span class="signature">(properties)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L218" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L218" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#setProperties" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Set a new properties to geometry.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>properties</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            

            <td class="description last">new properties</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#setProperties">Geometry#setProperties</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:propertieschange">propertieschange</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getType"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getType">getType</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L244" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L244" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getType" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get type of the geometry, e.g. "Point", "LineString"
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getType">Geometry#getType</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">String</span>:

        
<!-- <div class="param-desc"> -->
    type of the geometry
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getSymbol"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getSymbol">getSymbol</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L252" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L252" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getSymbol" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get symbol of the geometry
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getSymbol">Geometry#getSymbol</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Object</span>:

        
<!-- <div class="param-desc"> -->
    geometry's symbol
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="setSymbol"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#setSymbol">setSymbol</a><span class="signature">(symbol)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L271" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L271" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#setSymbol" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Set a new symbol to style the geometry.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>symbol</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            

            <td class="description last">new symbol</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#setSymbol">Geometry#setSymbol</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:symbolchange">symbolchange</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="updateSymbol"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#updateSymbol">updateSymbol</a><span class="signature">(props)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L296" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L296" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#updateSymbol" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Update geometry's current symbol.
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>var marker = new Marker([0, 0], {   symbol : {      markerType : 'ellipse',      markerWidth : 20,      markerHeight : 30   }});// update symbol's markerWidth to 40marker.updateSymbol({    markerWidth : 40});</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>props</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            

            <td class="description last">symbol properties to update</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#updateSymbol">Geometry#updateSymbol</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:symbolchange">symbolchange</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getCenter"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getCenter">getCenter</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L314" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L314" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getCenter" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get the geographical center of the geometry.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getCenter">Geometry#getCenter</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Coordinate.html">Coordinate</a></span>:

        


    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getExtent"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getExtent">getExtent</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L323" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L323" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getExtent" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get the geometry's geographical extent
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getExtent">Geometry#getExtent</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Extent.html">Extent</a></span>:

        
<!-- <div class="param-desc"> -->
    geometry's extent
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getContainerExtent"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getContainerExtent">getContainerExtent</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L340" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L340" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getContainerExtent" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get geometry's screen extent in pixel
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getContainerExtent">Geometry#getContainerExtent</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="PointExtent.html">PointExtent</a></span>:

        


    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getSize"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getSize">getSize</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L350" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L350" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getSize" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get pixel size of the geometry, which may vary in different zoom levels.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getSize">Geometry#getSize</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Size.html">Size</a></span>:

        


    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="containsPoint"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#containsPoint">containsPoint</a><span class="signature">(point, t<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L366" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L366" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#containsPoint" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Whehter the geometry contains the input container point.
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>var circle = new Circle([0, 0], 1000)    .addTo(layer);var contains = circle.containsPoint(new maptalks.Point(400, 300));</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>point</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>
|

<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>

            

            <td class="description last">input container point or coordinate</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>t</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>

            

            <td class="description last">tolerance in pixel</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#containsPoint">Geometry#containsPoint</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Boolean</span>:

        


    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="show"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#show">show</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L394" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L394" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#show" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Show the geometry.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#show">Geometry#show</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:show">show</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="hide"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#hide">hide</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L420" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L420" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#hide" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Hide the geometry
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#hide">Geometry#hide</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:hide">hide</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="isVisible"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#isVisible">isVisible</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L446" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L446" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#isVisible" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Whether the geometry is visible
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#isVisible">Geometry#isVisible</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Boolean</span>:

        


    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getZIndex"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getZIndex">getZIndex</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L473" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L473" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getZIndex" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get zIndex of the geometry, default is 0
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getZIndex">Geometry#getZIndex</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Number</span>:

        
<!-- <div class="param-desc"> -->
    zIndex
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="setZIndex"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#setZIndex">setZIndex</a><span class="signature">(zIndex)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L483" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L483" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#setZIndex" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Set a new zIndex to Geometry and fire zindexchange event (will cause layer to sort geometries and render)
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>zIndex</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>

            

            <td class="description last">new zIndex</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#setZIndex">Geometry#setZIndex</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:zindexchange">zindexchange</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="setZIndexSilently"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#setZIndexSilently">setZIndexSilently</a><span class="signature">(zIndex)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L511" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L511" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#setZIndexSilently" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Only set a new zIndex to Geometry without firing zindexchange event. <br>Can be useful to improve perf when a lot of geometries' zIndex need to be updated. <br>When updated N geometries, You can use setZIndexSilently with (N-1) geometries and use setZIndex with the last geometry for layer to sort and render.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>zIndex</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>

            

            <td class="description last">new zIndex</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#setZIndexSilently">Geometry#setZIndexSilently</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="bringToFront"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#bringToFront">bringToFront</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L521" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L521" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#bringToFront" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Bring the geometry on the top
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#bringToFront">Geometry#bringToFront</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:zindexchange">zindexchange</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="bringToBack"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#bringToBack">bringToBack</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L536" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L536" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#bringToBack" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Bring the geometry to the back
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#bringToBack">Geometry#bringToBack</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:zindexchange">zindexchange</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="translate"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#translate">translate</a><span class="signature">(x, y)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L563" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L563" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#translate" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Translate or move the geometry by the given offset.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>x</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>

            

            <td class="description last">x offset</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>y</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>

            

            <td class="description last">y offset</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#translate">Geometry#translate</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:positionchange">positionchange</a></li>

    <li><a href="#event:shapechange">shapechange</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="flash"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#flash">flash</a><span class="signature">(interval<span class="signature-attributes">opt</span>, count<span class="signature-attributes">opt</span>, cb<span class="signature-attributes">opt</span>, context<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L594" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L594" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#flash" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Flash the geometry, show and hide by certain internal for times of count.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>interval</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>

            
                <td class="default">
                
                    100
                
                </td>
            

            <td class="description last">interval of flash, in millisecond (ms)</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>count</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>

            
                <td class="default">
                
                    4
                
                </td>
            

            <td class="description last">flash times</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>cb</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">callback function when flash ended</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>context</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">*</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">callback context</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#flash">Geometry#flash</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="copy"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#copy">copy</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L602" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L602" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#copy" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Returns a copy of the geometry without the event listeners.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#copy">Geometry#copy</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    copy
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="remove"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#remove">remove</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L617" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L617" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#remove" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    remove itself from the layer if any.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#remove">Geometry#remove</a>
    </li></ul>
    











<h5>Fires:</h5>
<ul>
    <li><a href="#event:removestart">removestart</a></li>

    <li><a href="#event:remove">remove</a></li>
</ul>









<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="toGeoJSONGeometry"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#toGeoJSONGeometry">toGeoJSONGeometry</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L658" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L658" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#toGeoJSONGeometry" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Exports <a href="http://geojson.org/geojson-spec.html#feature-objects">geometry</a> out of a GeoJSON feature.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#toGeoJSONGeometry">Geometry#toGeoJSONGeometry</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Object</span>:

        
<!-- <div class="param-desc"> -->
    GeoJSON Geometry
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="toGeoJSON"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#toGeoJSON">toGeoJSON</a><span class="signature">(opts<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L670" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L670" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#toGeoJSON" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Exports a GeoJSON feature.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>opts</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">export options
                <h6>Properties</h6>
                

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>geometry</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>

            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether export geometry</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>properties</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>

            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether export properties</td>
        </tr>

    
    </tbody>
</table>

            </td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#toGeoJSON">Geometry#toGeoJSON</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Object</span>:

        
<!-- <div class="param-desc"> -->
    GeoJSON Feature
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="toJSON"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#toJSON">toJSON</a><span class="signature">(options<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L735" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L735" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#toJSON" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Export a profile json out of the geometry. <br>Besides exporting the feature object, a profile json also contains symbol, construct options and infowindow info.<br>The profile json can be stored somewhere else and be used to reproduce the geometry later.<br>Due to the problem of serialization for functions, event listeners and contextmenu are not included in profile json.
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>// an example of a profile json.var profile = {
            "feature": {
                  "type": "Feature",
                  "id" : "point1",
                  "geometry": {"type": "Point", "coordinates": [102.0, 0.5]},
                  "properties": {"prop0": "value0"}
            },
            //construct options.
            "options":{
                "draggable" : true
            },
            //symbol
            "symbol":{
                "markerFile"  : "http://foo.com/icon.png",
                "markerWidth" : 20,
                "markerHeight": 20
            },
            //infowindow info
            "infowindow" : {
                "options" : {
                    "style" : "black"
                },
                "title" : "this is a infowindow title",
                "content" : "this is a infowindow content"
            }
        };</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>options</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">export options</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>opts.geometry</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>

            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether export feature's geometry</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>opts.properties</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>

            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether export feature's properties</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>opts.options</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>

            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether export construct options</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>opts.symbol</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>

            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether export symbol</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>opts.infoWindow</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>

            
                <td class="default">
                
                    true
                
                </td>
            

            <td class="description last">whether export infowindow</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#toJSON">Geometry#toJSON</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Object</span>:

        
<!-- <div class="param-desc"> -->
    profile json object
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getLength"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getLength">getLength</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L753" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L753" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getLength" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get the geographic length of the geometry.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getLength">Geometry#getLength</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Number</span>:

        
<!-- <div class="param-desc"> -->
    geographic length, unit is meter
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getArea"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getArea">getArea</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L761" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L761" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getArea" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get the geographic area of the geometry.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getArea">Geometry#getArea</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Number</span>:

        
<!-- <div class="param-desc"> -->
    geographic area, unit is sq.meter
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="rotate"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#rotate">rotate</a><span class="signature">(angle, pivot<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L771" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L771" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#rotate" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Rotate the geometry of given angle around a pivot point
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>angle</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">angle to rotate in degree</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>pivot</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">optional, will be the geometry's center by default</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#rotate">Geometry#rotate</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="startEdit"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#startEdit">startEdit</a><span class="signature">(options<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L16" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L16" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#startEdit" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Start to edit
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>options</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">edit options
                <h6>Properties</h6>
                

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>symbol</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">symbol for the geometry during editing</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>fixAspectRatio</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    false
                
                </td>
            

            <td class="description last">fix outline's aspect ratio when resizing</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>centerHandleSymbol</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">symbol of center handle</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>vertexHandleSymbol</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">symbol of vertex handle</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>newVertexHandleSymbol</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">symbol of new vertex handle</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>removeVertexOn</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    contextmenu
                
                </td>
            

            <td class="description last">event to remove a vertex from line or polygon, contextmenu by default</td>
        </tr>

    
    </tbody>
</table>

            </td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#startEdit">Geometry#startEdit</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="endEdit"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#endEdit">endEdit</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L39" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L39" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#endEdit" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    End editing.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#endEdit">Geometry#endEdit</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="redoEdit"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#redoEdit">redoEdit</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L60" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L60" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#redoEdit" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Redo the edit
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#redoEdit">Geometry#redoEdit</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="undoEdit"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#undoEdit">undoEdit</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L81" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L81" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#undoEdit" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Undo the edit
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#undoEdit">Geometry#undoEdit</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="cancelEdit"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#cancelEdit">cancelEdit</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L102" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L102" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#cancelEdit" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    cancel the edit
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#cancelEdit">Geometry#cancelEdit</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="isEditing"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#isEditing">isEditing</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L123" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L123" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#isEditing" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Whether the geometry is being edited.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#isEditing">Geometry#isEditing</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Boolean</span>:

        


    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="isDragging"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#isDragging">isDragging</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L328" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L328" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#isDragging" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Whether the geometry is being dragged.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#isDragging">Geometry#isDragging</a>
    </li></ul>
    





















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="animate"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#animate">animate</a><span class="signature">(styles, options<span class="signature-attributes">opt</span>, step<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L33" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L33" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#animate" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Animate the geometry
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>var player = marker.animate({    'symbol': {        'markerHeight': 82     }}, {    'duration': 2000}, function (frame) {    if (frame.state.playState === 'finished') {        console.log('animation finished');    }});player.pause();</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>styles</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">styles to animate</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>options</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">animation options
                <h6>Properties</h6>
                

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>duration</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">NUmber</span>


            
            </td>

            
                <td class="default">
                
                    1000
                
                </td>
            

            <td class="description last">duration</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>startTime</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">time to start animation in ms</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>easing</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            
                <td class="default">
                
                    linear
                
                </td>
            

            <td class="description last">animation easing: in, out, inAndOut, linear, upAndDown</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>repeat</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Boolean</span>


            
            </td>

            
                <td class="default">
                
                    false
                
                </td>
            

            <td class="description last">repeat animation</td>
        </tr>

    
    </tbody>
</table>

            </td>
        </tr>

    

        <tr>
            
                <td class="name"><code>step</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">step function during animation, animation frame as the parameter</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#animate">Geometry#animate</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="animation.Player.html">animation.Player</a></span>:

        
<!-- <div class="param-desc"> -->
    animation player
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="setInfoWindow"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#setInfoWindow">setInfoWindow</a><span class="signature">(options)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.InfoWindow.js#L16" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.InfoWindow.js#L16" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#setInfoWindow" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Set an InfoWindow to the geometry
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>geometry.setInfoWindow({    title    : 'This is a title',    content  : '&lt;div style="color:#f00">This is content of the InfoWindow&lt;/div>'});</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>options</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            

            <td class="description last">construct <a href="ui.InfoWindow.html#options">options</a> for the InfoWindow</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#setInfoWindow">Geometry#setInfoWindow</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getInfoWindow"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getInfoWindow">getInfoWindow</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.InfoWindow.js#L38" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.InfoWindow.js#L38" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getInfoWindow" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get the InfoWindow instance.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getInfoWindow">Geometry#getInfoWindow</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="ui.InfoWindow.html">ui.InfoWindow</a></span>:

        


    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="openInfoWindow"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#openInfoWindow">openInfoWindow</a><span class="signature">(coordinate<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.InfoWindow.js#L50" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.InfoWindow.js#L50" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#openInfoWindow" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Open the InfoWindow, default on the center of the geometry.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>coordinate</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">coordinate to open the InfoWindow</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#openInfoWindow">Geometry#openInfoWindow</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="closeInfoWindow"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#closeInfoWindow">closeInfoWindow</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.InfoWindow.js#L72" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.InfoWindow.js#L72" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#closeInfoWindow" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Close the InfoWindow
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#closeInfoWindow">Geometry#closeInfoWindow</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="removeInfoWindow"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#removeInfoWindow">removeInfoWindow</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.InfoWindow.js#L83" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.InfoWindow.js#L83" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#removeInfoWindow" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Remove the InfoWindow
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#removeInfoWindow">Geometry#removeInfoWindow</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Geometry.html">Geometry</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="on"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#on">on</a><span class="signature">(eventsOn, handler, context<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L11" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L11" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#on" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Register a handler function to be called whenever this event is fired.
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>foo.on('mousedown mousemove mouseup', onMouseEvent, foo);</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>eventsOn</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">event types to register, seperated by space if more than one.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>handler</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">handler function to be called</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>context</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">the context of the handler</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="Eventable.html#.on">Eventable.on</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#on">Geometry#on</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Any</span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="addEventListener"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#addEventListener">addEventListener</a><span class="signature">(eventTypes, handler, context<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L64" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L64" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#addEventListener" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Alias for <a href="Eventable.html#.on">on</a>
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>eventTypes</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">event types to register, seperated by space if more than one.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>handler</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">handler function to be called</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>context</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">the context of the handler</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="Eventable.html#.addEventListener">Eventable.addEventListener</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#addEventListener">Geometry#addEventListener</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="once"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#once">once</a><span class="signature">(eventTypes, handler, context<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L77" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L77" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#once" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Same as on, except the listener will only get fired once and then removed.
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>foo.once('mousedown mousemove mouseup', onMouseEvent, foo);</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>eventTypes</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">event types to register, seperated by space if more than one.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>handler</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">listener handler</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>context</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">the context of the handler</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="Eventable.html#.once">Eventable.once</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#once">Geometry#once</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="off"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#off">off</a><span class="signature">(eventsOff, handler, context<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L105" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L105" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#off" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Unregister the event handler for the specified event types.
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>foo.off('mousedown mousemove mouseup', onMouseEvent, foo);</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>eventsOff</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">event types to unregister, seperated by space if more than one.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>handler</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">listener handler</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>context</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">the context of the handler</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="Eventable.html#.off">Eventable.off</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#off">Geometry#off</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="removeEventListener"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#removeEventListener">removeEventListener</a><span class="signature">(eventTypes, handler, context<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L152" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L152" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#removeEventListener" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Alias for <a href="Eventable.html#.off">off</a>
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>eventTypes</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">event types to unregister, seperated by space if more than one.</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>handler</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">listener handler</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>context</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">the context of the handler</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="Eventable.html#.removeEventListener">Eventable.removeEventListener</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#removeEventListener">Geometry#removeEventListener</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="listens"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#listens">listens</a><span class="signature">(eventType, hanlder<span class="signature-attributes">opt</span>, context<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L165" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L165" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#listens" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Returns listener's count registered for the event type.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>eventType</code>
                
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            
                <td class="default">
                
                </td>
            

            <td class="description last">an event type</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>hanlder</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">listener function</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>context</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">the context of the handler</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="Eventable.html#.listens">Eventable.listens</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#listens">Geometry#listens</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Number</span>:

        


    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="copyEventListeners"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#copyEventListeners">copyEventListeners</a><span class="signature">(target)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L206" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L206" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#copyEventListeners" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Copy all the event listener to the target object
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>target</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            

            <td class="description last">target object to copy to.</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="Eventable.html#.copyEventListeners">Eventable.copyEventListeners</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#copyEventListeners">Geometry#copyEventListeners</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="fire"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#fire">fire</a><span class="signature">(eventType, param)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L227" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Eventable.js#L227" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#fire" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Fire an event, causing all handlers for that event name to run.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>eventType</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            

            <td class="description last">an event type to fire</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>param</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            

            <td class="description last">parameters for the listener function.</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="Eventable.html#.fire">Eventable.fire</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#fire">Geometry#fire</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="registerJSONType"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#registerJSONType">registerJSONType</a><span class="signature">(type)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/JSONAble.js#L10" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/JSONAble.js#L10" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#registerJSONType" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    It is a static method. <br>Register layer for JSON serialization and assign a JSON type.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            

            <td class="description last">JSON type</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="JSONAble.html#.registerJSONType">JSONAble.registerJSONType</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#registerJSONType">Geometry#registerJSONType</a>
    </li></ul>
    





















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getJSONClass"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getJSONClass">getJSONClass</a><span class="signature">(type)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/JSONAble.js#L24" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/JSONAble.js#L24" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getJSONClass" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    It is a static method. <br>Get class of input JSON type
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>

            

            <td class="description last">JSON type</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="JSONAble.html#.getJSONClass">JSONAble.getJSONClass</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getJSONClass">Geometry#getJSONClass</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Class.html">Class</a></span>:

        
<!-- <div class="param-desc"> -->
    Class
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getJSONType"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getJSONType">getJSONType</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/JSONAble.js#L38" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/JSONAble.js#L38" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getJSONType" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get object's JSON Type
</div>




<!--  -->





<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="JSONAble.html#.getJSONType">JSONAble.getJSONType</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getJSONType">Geometry#getJSONType</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">String</span>:

        


    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="setMenu"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#setMenu">setMenu</a><span class="signature">(options)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L10" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L10" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#setMenu" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Set a context menu
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>foo.setMenu({ 'width'  : 160, 'custom' : false, 'items' : [     //return false to prevent event propagation    {'item': 'Query', 'click': function() {alert('Query Clicked!'); return false;}},    '-',    {'item': 'Edit', 'click': function() {alert('Edit Clicked!')}},    {'item': 'About', 'click': function() {alert('About Clicked!')}}   ]});</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>options</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            

            <td class="description last">menu options</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="ui.Menuable.html#.setMenu">ui.Menuable.setMenu</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#setMenu">Geometry#setMenu</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">*</span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="openMenu"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#openMenu">openMenu</a><span class="signature">(coordinate<span class="signature-attributes">opt</span>)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L39" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L39" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#openMenu" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Open the context menu, default on the center of the geometry or map.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        
        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>coordinate</code>
                
                    
                        <span class="signature-attributes">opt</span>
                    
                    
                    
                
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>

            
                <td class="default">
                
                    null
                
                </td>
            

            <td class="description last">coordinate to open the context menu</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="ui.Menuable.html#.openMenu">ui.Menuable.openMenu</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#openMenu">Geometry#openMenu</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">*</span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="setMenuItems"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#setMenuItems">setMenuItems</a><span class="signature">(items)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L61" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L61" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#setMenuItems" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Set menu items to the context menu
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>items</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Array.&lt;Object></span>


            
            </td>

            

            <td class="description last">menu items</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="ui.Menuable.html#.setMenuItems">ui.Menuable.setMenuItems</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#setMenuItems">Geometry#setMenuItems</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">*</span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="getMenuItems"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#getMenuItems">getMenuItems</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L79" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L79" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#getMenuItems" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Get the context menu items
</div>




<!--  -->





<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="ui.Menuable.html#.getMenuItems">ui.Menuable.getMenuItems</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#getMenuItems">Geometry#getMenuItems</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">Array.&lt;Object></span>:

        


    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="closeMenu"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#closeMenu">closeMenu</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L93" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L93" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#closeMenu" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Close the contexnt menu
</div>




<!--  -->





<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="ui.Menuable.html#.closeMenu">ui.Menuable.closeMenu</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#closeMenu">Geometry#closeMenu</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">*</span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="removeMenu"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#removeMenu">removeMenu</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L105" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/ui/Menuable.js#L105" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#removeMenu" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Remove the context menu
</div>




<!--  -->





<!-- event properties -->







    <h5>Mixes From:</h5>
    <ul><li>
        
            <a href="ui.Menuable.html#.removeMenu">ui.Menuable.removeMenu</a>
            
        
    </li></ul>



    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#removeMenu">Geometry#removeMenu</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature">*</span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="callInitHooks"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#callInitHooks">callInitHooks</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Class.js#L53" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Class.js#L53" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#callInitHooks" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Visit and call all the init hooks defined on Class and its parents.
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Class.html#callInitHooks">Class#callInitHooks</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Class.html">Class</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="setOptions"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#setOptions">setOptions</a><span class="signature">(options)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Class.js#L64" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Class.js#L64" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#setOptions" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Merges options with the default options of the object.
</div>




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>options</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            

            <td class="description last">options to set</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Class.html#setOptions">Class#setOptions</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Class.html">Class</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="config"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#config">config</a><span class="signature">(conf)</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Class.js#L94" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Class.js#L94" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#config" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    1. Return object's options if no parameter is provided. <br/>2. update an option and enable/disable the handler if a handler with the same name existed.
</div>


    <!--<h5>Example:</h5>-->
    
    
        <pre class="prettyprint"><code>// Get marker's options;var options = marker.config();// Set map's option "draggable" to false and disable map's draggable handler.map.config('draggable', false);// You can update more than one options like this:map.config({    'scrollWheelZoom' : false,    'doubleClickZoom' : false});</code></pre>
    




<!--  -->




    

<table class="params">
    <thead>
    <tr>
        
        <th>Parameter</th>
        
        <th>Type</th>

        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>conf</code>
                
                </td>
            

            <td class="type">
            
                
<span class="param-type">Object</span>


            
            </td>

            

            <td class="description last">config to update</td>
        </tr>

    
    </tbody>
</table>



<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Class.html#config">Class#config</a>
    </li></ul>
    



















<h5>Returns:</h5>
<span class="type-signature"><a href="Class.html">Class</a></span>:

        
<!-- <div class="param-desc"> -->
    this
<!-- </div> -->



    


<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="onConfig"><span class="type-signature"></span><i><span class="type-signature"> (inherited)  </span><a href="#onConfig">onConfig</a><span class="signature">()</span></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Class.js#L129" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/core/Class.js#L129" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#onConfig" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    Default callback when config is called
</div>




<!--  -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Class.html#onConfig">Class#onConfig</a>
    </li></ul>
    





















<hr>
        
    

    

    
        <h3 class="subsection-title">Events</h3>

        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:mousedown"><i><span class="type-signature"> (inherited)  </span><a href="#event:mousedown">mousedown</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L8" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L8" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:mousedown" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    mousedown event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:mousedown">Geometry#event:mousedown</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">mousedown</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the Geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:mousedown">Geometry#event:mousedown</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L8">line 8</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:mouseup"><i><span class="type-signature"> (inherited)  </span><a href="#event:mouseup">mouseup</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L20" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L20" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:mouseup" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    mouseup event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:mouseup">Geometry#event:mouseup</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">mouseup</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the Geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:mouseup">Geometry#event:mouseup</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L20">line 20</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:mousemove"><i><span class="type-signature"> (inherited)  </span><a href="#event:mousemove">mousemove</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L32" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L32" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:mousemove" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    mousemove event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:mousemove">Geometry#event:mousemove</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">mousemove</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the Geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:mousemove">Geometry#event:mousemove</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L32">line 32</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:click"><i><span class="type-signature"> (inherited)  </span><a href="#event:click">click</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L44" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L44" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:click" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    click event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:click">Geometry#event:click</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">click</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the Geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:click">Geometry#event:click</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L44">line 44</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:dblclick"><i><span class="type-signature"> (inherited)  </span><a href="#event:dblclick">dblclick</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L56" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L56" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:dblclick" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    dblclick event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:dblclick">Geometry#event:dblclick</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">dblclick</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the Geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:dblclick">Geometry#event:dblclick</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L56">line 56</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:contextmenu"><i><span class="type-signature"> (inherited)  </span><a href="#event:contextmenu">contextmenu</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L68" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L68" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:contextmenu" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    contextmenu event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:contextmenu">Geometry#event:contextmenu</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">contextmenu</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the Geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:contextmenu">Geometry#event:contextmenu</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L68">line 68</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:touchstart"><i><span class="type-signature"> (inherited)  </span><a href="#event:touchstart">touchstart</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L80" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L80" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:touchstart" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    touchstart event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:touchstart">Geometry#event:touchstart</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">touchstart</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the Geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:touchstart">Geometry#event:touchstart</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L80">line 80</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:touchmove"><i><span class="type-signature"> (inherited)  </span><a href="#event:touchmove">touchmove</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L92" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L92" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:touchmove" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    touchmove event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:touchmove">Geometry#event:touchmove</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">touchmove</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the Geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:touchmove">Geometry#event:touchmove</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L92">line 92</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:touchend"><i><span class="type-signature"> (inherited)  </span><a href="#event:touchend">touchend</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L104" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L104" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:touchend" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    touchend event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:touchend">Geometry#event:touchend</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">touchend</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the Geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:touchend">Geometry#event:touchend</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L104">line 104</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:mouseenter"><i><span class="type-signature"> (inherited)  </span><a href="#event:mouseenter">mouseenter</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L116" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L116" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:mouseenter" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    mouseenter event for geometry
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:mouseenter">Geometry#event:mouseenter</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">mouseenter</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires mouseenter</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:mouseenter">Geometry#event:mouseenter</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L116">line 116</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:mouseover"><i><span class="type-signature"> (inherited)  </span><a href="#event:mouseover">mouseover</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L127" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L127" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:mouseover" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    mouseover event for geometry
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:mouseover">Geometry#event:mouseover</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">mouseover</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires mouseover</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:mouseover">Geometry#event:mouseover</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L127">line 127</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:mouseout"><i><span class="type-signature"> (inherited)  </span><a href="#event:mouseout">mouseout</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L138" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L138" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:mouseout" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    mouseout event for geometry
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:mouseout">Geometry#event:mouseout</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">mouseout</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires mouseout</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:mouseout">Geometry#event:mouseout</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js">map/handler/Map.GeometryEvents.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/map/handler/Map.GeometryEvents.js#L138">line 138</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:idchange"><i><span class="type-signature"> (inherited)  </span><a href="#event:idchange">idchange</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L179" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L179" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:idchange" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    idchange event.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:idchange">Geometry#event:idchange</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">idchange</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>old</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>
|

<span class="param-type">Number</span>


            
            </td>



            

            <td class="description last">value of the old id</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>new</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>
|

<span class="param-type">Number</span>


            
            </td>



            

            <td class="description last">value of the new id</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:idchange">Geometry#event:idchange</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L179">line 179</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:propertieschange"><i><span class="type-signature"> (inherited)  </span><a href="#event:propertieschange">propertieschange</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L222" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L222" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:propertieschange" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    propertieschange event, thrown when geometry's properties is changed.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:propertieschange">Geometry#event:propertieschange</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">propertieschange</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>old</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>
|

<span class="param-type">Number</span>


            
            </td>



            

            <td class="description last">value of the old properties</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>new</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>
|

<span class="param-type">Number</span>


            
            </td>



            

            <td class="description last">value of the new properties</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:propertieschange">Geometry#event:propertieschange</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L222">line 222</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:show"><i><span class="type-signature"> (inherited)  </span><a href="#event:show">show</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L401" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L401" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:show" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    show event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:show">Geometry#event:show</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">show</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:show">Geometry#event:show</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L401">line 401</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:hide"><i><span class="type-signature"> (inherited)  </span><a href="#event:hide">hide</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L428" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L428" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:hide" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    hide event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:hide">Geometry#event:hide</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">hide</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:hide">Geometry#event:hide</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L428">line 428</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:zindexchange"><i><span class="type-signature"> (inherited)  </span><a href="#event:zindexchange">zindexchange</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L486" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L486" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:zindexchange" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    zindexchange event, fired when geometry's zIndex is changed.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:zindexchange">Geometry#event:zindexchange</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">zindexchange</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>old</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>



            

            <td class="description last">old zIndex</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>new</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Number</span>


            
            </td>



            

            <td class="description last">new zIndex</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:zindexchange">Geometry#event:zindexchange</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L486">line 486</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:removestart"><i><span class="type-signature"> (inherited)  </span><a href="#event:removestart">removestart</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L622" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L622" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:removestart" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    removestart event.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:removestart">Geometry#event:removestart</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">removestart</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:removestart">Geometry#event:removestart</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L622">line 622</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:removeend"><i><span class="type-signature"> (inherited)  </span><a href="#event:removeend">removeend</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L633" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L633" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:removeend" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    removeend event.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:removeend">Geometry#event:removeend</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">removeend</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:removeend">Geometry#event:removeend</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L633">line 633</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:remove"><i><span class="type-signature"> (inherited)  </span><a href="#event:remove">remove</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L642" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L642" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:remove" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    remove event.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:remove">Geometry#event:remove</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">remove</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:remove">Geometry#event:remove</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L642">line 642</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:shapechange"><i><span class="type-signature"> (inherited)  </span><a href="#event:shapechange">shapechange</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L1015" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L1015" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:shapechange" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    shapechange event.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:shapechange">Geometry#event:shapechange</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">shapechange</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:shapechange">Geometry#event:shapechange</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L1015">line 1015</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:positionchange"><i><span class="type-signature"> (inherited)  </span><a href="#event:positionchange">positionchange</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L1029" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L1029" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:positionchange" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    positionchange event.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:positionchange">Geometry#event:positionchange</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">positionchange</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:positionchange">Geometry#event:positionchange</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L1029">line 1029</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:symbolchange"><i><span class="type-signature"> (inherited)  </span><a href="#event:symbolchange">symbolchange</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L1044" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L1044" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:symbolchange" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    symbolchange event.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:symbolchange">Geometry#event:symbolchange</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">symbolchange</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:symbolchange">Geometry#event:symbolchange</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js">geometry/Geometry.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/Geometry.js#L1044">line 1044</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:editstart"><i><span class="type-signature"> (inherited)  </span><a href="#event:editstart">editstart</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L23" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L23" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:editstart" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    start edit event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:editstart">Geometry#event:editstart</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">editstart</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:editstart">Geometry#event:editstart</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js">geometry/ext/Geometry.Edit.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L23">line 23</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:editend"><i><span class="type-signature"> (inherited)  </span><a href="#event:editend">editend</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L43" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L43" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:editend" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    end edit event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:editend">Geometry#event:editend</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">editend</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:editend">Geometry#event:editend</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js">geometry/ext/Geometry.Edit.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L43">line 43</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:redoedit"><i><span class="type-signature"> (inherited)  </span><a href="#event:redoedit">redoedit</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L65" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L65" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:redoedit" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    redo edit event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:redoedit">Geometry#event:redoedit</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">redoedit</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:redoedit">Geometry#event:redoedit</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js">geometry/ext/Geometry.Edit.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L65">line 65</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:undoedit"><i><span class="type-signature"> (inherited)  </span><a href="#event:undoedit">undoedit</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L86" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L86" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:undoedit" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    undo edit event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:undoedit">Geometry#event:undoedit</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">undoedit</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:undoedit">Geometry#event:undoedit</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js">geometry/ext/Geometry.Edit.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L86">line 86</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:canceledit"><i><span class="type-signature"> (inherited)  </span><a href="#event:canceledit">canceledit</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L107" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L107" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:canceledit" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    cancel edit event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:canceledit">Geometry#event:canceledit</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">canceledit</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:canceledit">Geometry#event:canceledit</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js">geometry/ext/Geometry.Edit.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Edit.js#L107">line 107</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:dragstart"><i><span class="type-signature"> (inherited)  </span><a href="#event:dragstart">dragstart</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L170" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L170" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:dragstart" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    drag start event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:dragstart">Geometry#event:dragstart</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">dragstart</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:dragstart">Geometry#event:dragstart</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js">geometry/ext/Geometry.Drag.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L170">line 170</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:dragging"><i><span class="type-signature"> (inherited)  </span><a href="#event:dragging">dragging</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L210" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L210" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:dragging" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    dragging event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:dragging">Geometry#event:dragging</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">dragging</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:dragging">Geometry#event:dragging</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js">geometry/ext/Geometry.Drag.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L210">line 210</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:dragend"><i><span class="type-signature"> (inherited)  </span><a href="#event:dragend">dragend</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L251" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L251" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:dragend" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    dragend event
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:dragend">Geometry#event:dragend</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">dragend</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>coordinate</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Coordinate.html">Coordinate</a></span>


            
            </td>



            

            <td class="description last">coordinate of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>containerPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">container point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>viewPoint</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Point.html">Point</a></span>


            
            </td>



            

            <td class="description last">view point of the event</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>domEvent</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">Event</span>


            
            </td>



            

            <td class="description last">dom event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:dragend">Geometry#event:dragend</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js">geometry/ext/Geometry.Drag.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Drag.js#L251">line 251</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:animateend"><i><span class="type-signature"> (inherited)  </span><a href="#event:animateend">animateend</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L167" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L167" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:animateend" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    fired when geometry's animation ended.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:animateend">Geometry#event:animateend</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">animateend</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:animateend">Geometry#event:animateend</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js">geometry/ext/Geometry.Animation.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L167">line 167</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:animating"><i><span class="type-signature"> (inherited)  </span><a href="#event:animating">animating</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L178" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L178" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:animating" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    fired when geometry is animating.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:animating">Geometry#event:animating</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">animating</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:animating">Geometry#event:animating</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js">geometry/ext/Geometry.Animation.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L178">line 178</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:animatestart"><i><span class="type-signature"> (inherited)  </span><a href="#event:animatestart">animatestart</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L188" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L188" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:animatestart" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    fired when geometry's animation start.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:animatestart">Geometry#event:animatestart</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">animatestart</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:animatestart">Geometry#event:animatestart</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js">geometry/ext/Geometry.Animation.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/ext/Geometry.Animation.js#L188">line 188</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:handledragstart"><i><span class="type-signature"> (inherited)  </span><a href="#event:handledragstart">handledragstart</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L310" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L310" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:handledragstart" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    change geometry shape start event, fired when drag to change geometry shape.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:handledragstart">Geometry#event:handledragstart</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">handledragstart</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:handledragstart">Geometry#event:handledragstart</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js">geometry/editor/GeometryEditor.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L310">line 310</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:handledragging"><i><span class="type-signature"> (inherited)  </span><a href="#event:handledragging">handledragging</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L328" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L328" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:handledragging" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    changing geometry shape event, fired when dragging to change geometry shape.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:handledragging">Geometry#event:handledragging</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">handledragging</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:handledragging">Geometry#event:handledragging</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js">geometry/editor/GeometryEditor.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L328">line 328</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:handledragend"><i><span class="type-signature"> (inherited)  </span><a href="#event:handledragend">handledragend</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L344" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L344" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:handledragend" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    changed geometry shape event, fired when drag end to change geometry shape.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:handledragend">Geometry#event:handledragend</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">handledragend</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:handledragend">Geometry#event:handledragend</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js">geometry/editor/GeometryEditor.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L344">line 344</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:editrecord"><i><span class="type-signature"> (inherited)  </span><a href="#event:editrecord">editrecord</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L1036" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L1036" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:editrecord" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    edit record event, fired when an edit happend and being recorded
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:editrecord">Geometry#event:editrecord</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">editrecord</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">the geometry fires the event</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:editrecord">Geometry#event:editrecord</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js">geometry/editor/GeometryEditor.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/geometry/editor/GeometryEditor.js#L1036">line 1036</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
            

    <!-- <h2>Constructor</h2> -->
    
    <li>
    
    <h4 class="name" id="event:add"><i><span class="type-signature"> (inherited)  </span><a href="#event:add">add</a></i>
    
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/layer/OverlayLayer.js#L310" class="improvelink">[source]</a>
        
    
    <!-- 
        <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/layer/OverlayLayer.js#L310" class="improvelink">[help to improve]</a>
     -->
    <!-- <a href="#event:add" class="improvelink">[link]</a> -->
    </h4>

    
    </li>
    
    




<div class="description">
    add event.
</div>




<!-- 
    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">Object</span>


        </li>
    </ul>
 -->





<!-- event properties -->









    <h5>Inherited From:</h5>    
    <ul><li>
        <a href="Geometry.html#event:add">Geometry#event:add</a>
    </li></ul>
    




    <h5 class="subsection-title">Properties:</h5>

    

<table class="props">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>



        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>type</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type">String</span>


            
            </td>



            

            <td class="description last">add</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>target</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Geometry.html">Geometry</a></span>


            
            </td>



            

            <td class="description last">geometry</td>
        </tr>

    

        <tr>
            
                <td class="name"><code>layer</code>
                    
                </td>
            

            <td class="type">
            
                
<span class="param-type"><a href="Layer.html">Layer</a></span>


            
            </td>



            

            <td class="description last">the layer added to.</td>
        </tr>

    
    </tbody>
</table>



<dl class="details">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a href="Geometry.html#event:add">Geometry#event:add</a>
    </li></ul></dd>
    

    

    

        

    

    

    

    

    

    

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        
            <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/layer/OverlayLayer.js">layer/OverlayLayer.js</a>, <a target="_blank" href="https://github.com/maptalks/maptalks.js/tree/master/src/layer/OverlayLayer.js#L310">line 310</a>
        

    </li></ul></dd>
    

    

    

    
</dl>



















<hr>
        
    
</article>

</section>




</div>

<nav class="page-nav">
    <h2><a href="index.html">V0.47.0</a></h2><h4>Classes</h4><ul></ul><h5>Map</h5><ul><li><a href="Map.html">Map</a></li></ul><h5>Layer</h5><ul><li><a href="Layer.html">Layer</a></li><li><a href="TileSystem.html">TileSystem</a></li><li><a href="TileLayer.html">TileLayer</a></li><li><a href="GroupTileLayer.html">GroupTileLayer</a></li><li><a href="WMSTileLayer.html">WMSTileLayer</a></li><li><a href="OverlayLayer.html">OverlayLayer</a></li><li><a href="VectorLayer.html">VectorLayer</a></li><li><a href="CanvasLayer.html">CanvasLayer</a></li><li><a href="ParticleLayer.html">ParticleLayer</a></li><li><a href="ImageLayer.html">ImageLayer</a></li></ul><h5>Geometry</h5><ul><li><a href="Geometry.html">Geometry</a></li><li><a href="Path.html">Path</a></li><li><a href="Marker.html">Marker</a></li><li><a href="TextMarker.html">TextMarker</a></li><li><a href="Label.html">Label</a></li><li><a href="TextBox.html">TextBox</a></li><li><a href="Polygon.html">Polygon</a></li><li><a href="LineString.html">LineString</a></li><li><a href="Curve.html">Curve</a></li><li><a href="ArcCurve.html">ArcCurve</a></li><li><a href="QuadBezierCurve.html">QuadBezierCurve</a></li><li><a href="CubicBezierCurve.html">CubicBezierCurve</a></li><li><a href="ConnectorLine.html">ConnectorLine</a></li><li><a href="ArcConnectorLine.html">ArcConnectorLine</a></li><li><a href="Ellipse.html">Ellipse</a></li><li><a href="Circle.html">Circle</a></li><li><a href="Sector.html">Sector</a></li><li><a href="Rectangle.html">Rectangle</a></li><li><a href="GeometryCollection.html">GeometryCollection</a></li><li><a href="MultiGeometry.html">MultiGeometry</a></li><li><a href="MultiPoint.html">MultiPoint</a></li><li><a href="MultiLineString.html">MultiLineString</a></li><li><a href="MultiPolygon.html">MultiPolygon</a></li><li><a href="GeoJSON.html">GeoJSON</a></li><li><a href="GeometryEditor.html">GeometryEditor</a></li></ul><h5>Basic types</h5><ul><li><a href="Coordinate.html">Coordinate</a></li><li><a href="Extent.html">Extent</a></li><li><a href="Point.html">Point</a></li><li><a href="PointExtent.html">PointExtent</a></li><li><a href="Position.html">Position</a></li><li><a href="Size.html">Size</a></li></ul><h5>Maptool</h5><ul><li><a href="MapTool.html">MapTool</a></li><li><a href="DrawTool.html">DrawTool</a></li><li><a href="DistanceTool.html">DistanceTool</a></li><li><a href="AreaTool.html">AreaTool</a></li></ul><h5>Ui</h5><ul><li><a href="ui.UIComponent.html">ui.UIComponent</a></li><li><a href="ui.UIMarker.html">ui.UIMarker</a></li><li><a href="ui.InfoWindow.html">ui.InfoWindow</a></li><li><a href="ui.ToolTip.html">ui.ToolTip</a></li><li><a href="ui.Menu.html">ui.Menu</a></li></ul><h5>Control</h5><ul><li><a href="control.Control.html">control.Control</a></li><li><a href="control.Zoom.html">control.Zoom</a></li><li><a href="control.LayerSwitcher.html">control.LayerSwitcher</a></li><li><a href="control.Attribution.html">control.Attribution</a></li><li><a href="control.Scale.html">control.Scale</a></li><li><a href="control.Panel.html">control.Panel</a></li><li><a href="control.Toolbar.html">control.Toolbar</a></li><li><a href="control.Overview.html">control.Overview</a></li></ul><h5>Core</h5><ul><li><a href="Ajax.html">Ajax</a></li><li><a href="Class.html">Class</a></li><li><a href="MapboxUtil.html">MapboxUtil</a></li><li><a href="Util.html">Util</a></li><li><a href="DomUtil.html">DomUtil</a></li><li><a href="StringUtil.html">StringUtil</a></li></ul><h5>Animation</h5><ul><li><a href="animation.Easing.html">animation.Easing</a></li><li><a href="animation.Frame.html">animation.Frame</a></li><li><a href="animation.Player.html">animation.Player</a></li><li><a href="animation.Animation.html">animation.Animation</a></li></ul><h5>Geo</h5><ul><li><a href="CRS.html">CRS</a></li><li><a href="measurer.Identity.html">measurer.Identity</a></li><li><a href="measurer.DEFAULT.html">measurer.DEFAULT</a></li><li><a href="measurer.Measurer.html">measurer.Measurer</a></li><li><a href="measurer.WGS84Sphere.html">measurer.WGS84Sphere</a></li><li><a href="measurer.BaiduSphere.html">measurer.BaiduSphere</a></li><li><a href="projection.DEFAULT.html">projection.DEFAULT</a></li><li><a href="projection.BAIDU.html">projection.BAIDU</a></li><li><a href="projection.EPSG3857.html">projection.EPSG3857</a></li><li><a href="projection.EPSG4326.html">projection.EPSG4326</a></li><li><a href="projection.EPSG4490.html">projection.EPSG4490</a></li><li><a href="projection.IDENTITY.html">projection.IDENTITY</a></li><li><a href="Transformation.html">Transformation</a></li></ul><h5>Handler</h5><ul><li><a href="Handler.html">Handler</a></li><li><a href="DragHandler.html">DragHandler</a></li></ul><h5>Other</h5><ul><li><a href="renderer.CanvasRenderer.html">renderer.CanvasRenderer</a></li></ul><h4>Namespaces</h4><ul><li><a href="measurer.html">measurer</a></li><li><a href="projection.html">projection</a></li><li><a href="renderer.html">renderer</a></li></ul><h4>Mixins</h4><ul><li><a href="Eventable.html">Eventable</a></li><li><a href="JSONAble.html">JSONAble</a></li><li><a href="measurer.Common.html">measurer.Common</a></li><li><a href="projection.Common.html">projection.Common</a></li><li><a href="Handlerable.html">Handlerable</a></li><li><a href="CenterMixin.html">CenterMixin</a></li><li><a href="TextEditable.html">TextEditable</a></li><li><a href="Renderable.html">Renderable</a></li><li><a href="ui.Menuable.html">ui.Menuable</a></li></ul><h3>Global</h3><ul><li><a href="global.html#INTERNAL_LAYER_PREFIX">INTERNAL_LAYER_PREFIX</a></li><li><a href="global.html#RESOURCE_PROPERTIES">RESOURCE_PROPERTIES</a></li><li><a href="global.html#RESOURCE_SIZE_PROPERTIES">RESOURCE_SIZE_PROPERTIES</a></li><li><a href="global.html#NUMERICAL_PROPERTIES">NUMERICAL_PROPERTIES</a></li><li><a href="global.html#COLOR_PROPERTIES">COLOR_PROPERTIES</a></li><li><a href="global.html#getListeningEvents">getListeningEvents</a></li><li><a href="global.html#isEmpty">isEmpty</a></li><li><a href="global.html#IS_NODE">IS_NODE</a></li><li><a href="global.html#identity">identity</a></li><li><a href="global.html#copy">copy</a></li><li><a href="global.html#set">set</a></li><li><a href="global.html#add">add</a></li><li><a href="global.html#subtract">subtract</a></li><li><a href="global.html#length">length</a></li><li><a href="global.html#normalize">normalize</a></li><li><a href="global.html#dot">dot</a></li><li><a href="global.html#scale">scale</a></li><li><a href="global.html#cross">cross</a></li><li><a href="global.html#distance">distance</a></li><li><a href="global.html#transformMat4">transformMat4</a></li></ul>
</nav>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Tue Feb 18 2020 16:21:07 GMT+0800 (GMT+08:00)
</footer>

<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>

</body>
</html>